<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui@2.15.13/lib/theme-chalk/index.min.css" />
		<script src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/vue@2.7.14/dist/vue.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/element-ui@2.15.13/lib/index.min.js"></script>
		<script th:src="@{/static/main.js}"></script>
		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
		<style>
			.avatar-uploader .el-upload {
				border: 1px dashed #d9d9d9;
				border-radius: 6px;
				cursor: pointer;
				position: relative;
				overflow: hidden;
			}
			.avatar-uploader .el-upload:hover {
				border-color: #409EFF;
			}
			.avatar-uploader-icon {
				font-size: 28px;
				color: #8c939d;
				width: 178px;
				height: 178px;
				line-height: 178px;
				text-align: center;
			}
			.avatar {
				width: 178px;
				height: 178px;
				display: block;
			}
		</style>
	</head>
	<body>
	<div class="container-fluid" id="app" style="margin-top: 120px;margin-bottom: 100px">
		<div class="container" style="margin-top: 20px">
			<div class="row">
				<div class="col-md-12">
					<p style="background-color: cornflowerblue ; color: white; font-size: 30px; padding-left: 10px; border-radius: 4px">
						<a th:href="@{/seller/toCenter.html}" style="font-size: 30px;color: white;text-decoration: none">个人中心</a>
					</p>

				</div>
			</div>
			<div class="row">
				<div class="col-sm-12 col-md-12">
					<div class="thumbnail" style="box-shadow: 5px 5px 3px 0px #CCCCCC">
						<div>
							<img v-if="currentSeller.sellerImg" :src="currentSeller.sellerImg" alt="..." class="col-sm-2 col-md-2 img-circle">
							<img v-if="!currentSeller.sellerImg" src="/static/109951166155909486.jpg" alt="..." class="col-sm-2 col-md-2 img-circle">
						</div>
						<div class="caption text-left">
							<div>
								<p class="text-muted" style="font-size: 30px;font-weight: bold"><span v-text="currentSeller.sellerName">sellerName</span></p>
							</div>
							<div style="padding-left: 700px;position: relative;bottom: 0px;">
								<p>
									<a class="btn btn-primary" href="password.html">修改密码</a> &nbsp;&nbsp;&nbsp;&nbsp;
								</p>
								<p>
									<a class="btn btn-primary" href="sellerImg.html">修改头像</a> &nbsp;&nbsp;&nbsp;&nbsp;
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<script>
		let Sellercenter = new Vue({
			el: "#app"
			,
			data: {
				currentSeller: ''
			}
			,
			methods: {
				initCurrentSeller() {
					let _this=this;
					$.get("/seller/currentSeller",function (data) {
						_this.currentSeller=data;
					})
				}
			}
			,
			created() {
				this.initCurrentSeller();
			}
		});
	</script>
	</body>
</html>
